/* -------- Media Quelies -------- */

@media screen and (min-width: 0px) and (max-device-width: 320px) and (orientation: portrait) {
	body {
		width:320px;
	}
	img {
		max-width: 310px;
		height: auto;
	}
	h1 {
		font-size: 18px;
	}
	
	h2, h3 {
		font-size: 16px;
	}
	.contentheader, .headline, .contentmain, .contentmain2 {
		width: 310px;
	}
	.headline {
		font-size: 13px;
	}
	.contentmain {
		padding-left: 0;
		padding-right: 0;
	}
	.footer {
		width: 300px;
		font-size: 12px;
	}
	.fcol_left, .fcol_cent, .fcol_right {
		float: none;
		width: 100%;
	}
	.imageleft img {
		float: none;
		margin: 0;
	}
	
	.formbox, .formbox2, .formbox3 {
		margin: 0 auto;
		padding: 0;
		min-height: 0;
	}
	.formbox {
		width: 80%;
	}
	.formbox2 {
		width: 100%;
	}
	
	table {
		width: 100%;
	}
	th.t_top {
		border-top: #b3b3b3 4px solid;
		width: 40%;
	}
	.icon img {
		display: none;
	}
	.sr_sig {
		width: 30%;
	}
}

@media screen and (min-width: 321px) and (max-device-width: 375px) and (orientation: portrait) {
	body {
		width:375px;
	}
	img {
		max-width: 355px;
		height: auto;
	}
	h1 {
		font-size: 18px;
	}
	
	h2, h3 {
		font-size: 16px;
	}
	.contentheader, .headline, .contentmain, .contentmain2 {
		width: 355px;
	}
	.headline {
		font-size: 13px;
	}
	.contentmain {
		padding-left: 0;
		padding-right: 0;
	}
	.footer {
		width: 355px;
		font-size: 12px;
	}
	.fcol_left, .fcol_cent, .fcol_right {
		float: none;
		width: 100%;
	}
	.imageleft img {
		float: none;
		margin: 0;
	}
	
	.formbox, .formbox2, .formbox3 {
		margin: 0 auto;
		padding: 0;
		min-height: 0;
	}
	.formbox {
		width: 80%;
	}
	.formbox2 {
		width: 100%;
	}
	
	table {
		width: 100%;
	}
	th.t_top {
		border-top: #b3b3b3 4px solid;
		width: 40%;
	}
	.icon img {
		display: none;
	}
	.sr_sig {
		width: 30%;
	}
}

@media screen and (min-width: 0px) and (max-device-width: 480px) and (orientation: landscape) {
	body {
		width:480px;
	}
	img {
		max-width: 460px;
		height: auto;
	}
	h1 {
		font-size: 18px;
	}
	h2, h3 {
		font-size: 16px;
	}
	
	.contentheader, .headline, .contentmain, .contentmain2, .footer {
		width: 460px;
	}
	.contentmain {
		padding-left: 0;
		padding-right: 0;
	}
	.footer {
		font-size: 12px;
	}
	
	.fcol_left, .fcol_cent, .fcol_right {
		float: left;
		width: 35%;
	}
	.fcol_right {
		width: 30%;
	}
	
	.imageleft img {
		float: none;
		margin: 0;
	}
	
	.formbox, .formbox2, .formbox3 {
		margin: 0 auto;
		padding: 0;
		min-height: 0;
	}
	.formbox {
		width: 80%;
	}
	
	.formbox2 {
		width: 100%;
	}
	
	table {
		width: 100%;
	}
	th.t_top {
		width: 30%;
	}
	.icon img {
		display: block;
		float: left;
		margin-left: 0;
		margin-right: 5%;
	}
}

@media screen and (min-width: 376px) and (max-device-width: 768px) and (orientation:portrait) {
	body {
		width:768px;
	}
	img {
		max-width: 748px;
		height: auto;
	}
	.contentheader, .headline, .contentmain, .contentmain2, .footer {
		width: 748px;
	}
	.contentmain {
		padding-left: 0;
		padding-right: 0;
	}
	
	.fcol_left, .fcol_cent, .fcol_right {
		float: left;
		width: 35%;
	}
	.fcol_right {
		width: 30%;
	}
	
	.imageleft img {
		float: right;
		margin: 0;
	}
	.mqfiximg {
		width: 33%;
		height: auto;
	}
}